<!DOCTYPE html>
<html lang="en" class="app">
<head> 
	<meta charset="utf-8" />
	<title><{$meat_title}></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<!-- Seo 标签  -->
	<meta name="description" content="<{:C('WEB_SITE_DESCRIPTION')}>">
	<meta name="keywords" content="<{:C('WEB_SITE_KEYWORD')}>">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<link type="image/x-ico; charset=binary" rel="shortcut icon" href="__IMG__/favicon.ico">
	<link rel="stylesheet" href="__STATIC__/player/jplayer.flat.css" type="text/css" />
	<link rel="stylesheet" href="__STATIC__/bootstrap-3.1.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="__TMPL__/User/css/animate.css" type="text/css" />
	<link rel="stylesheet" href="__STATIC__/fontawesome/css/font-awesome.min.css" type="text/css" />
	<link rel="stylesheet" href="__TMPL__/User/css/app.css" type="text/css" />
	<link rel="stylesheet" href="__TMPL__/User/css/color.css" type="text/css" /> 
	<!--[if lt IE 9]>
	<script src="__STATIC__/ie/html5shiv.js"></script>
	<script src="__STATIC__/ie/respond.min.js"></script>
	<script src="__STATIC__/ie/excanvas.js"></script>
	<script type="text/javascript" src="__STATIC__/jquery-1.10.2.min.js"></script>
	<![endif]-->
	<!--[if gte IE 9]><!-->
	<script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
	<script type="text/javascript" src="__STATIC__/bootstrap-3.1.1/js/bootstrap.min.js"></script>
	<script type="text/javascript">(function(){var JYMUSIC = window.JYMUSIC = {"ROOT": "__ROOT__", "APP": "__APP__","DEEP"   : "<{:C('URL_PATHINFO_DEPR')}>", "PUBLIC": "__PUBLIC__",}})();</script>
	<!--<![endif]-->
	<block name="style"></block>
</head>
<body id="">
<section class="vbox">
	<!-- 头部 -->
	<header class="bg-dark dker header user-header-md navbar navbar-fixed-top-xs">
		<div class="container">
			<div class="navbar-header aside ">
		        <a href="<{:U('/')}>" class="navbar-brand text-lt">
		          	<img src="__TMPL__/images/logo.png" alt="." class="">       
		        </a>
				<if condition="UID">
			    
			    <else/>
			    <span class="visible-xs animated fadeInRight pull-right m-t-sm m-r-sm"> 				  			  			  	
			  	 	<a class="btn btn-info" href="<{:U('/Member/login')}>">登录</a>
			     	<a class="btn btn-danger" href="<{:U('/Member/register')}>">注册</a>
			    </span>	
			    </if>	  	
			</div>      
			<ul class="nav navbar-nav hidden-xs ">
				<if condition="UID">
					<li><a href="<{:U('Home/index')}>">我的空间</a></li>
				  	<li><a href="<{:U('Dynamic/index')}>">我的动态</a></li>
				 	<li><a href="<{:U('Fav/index')}>">我的收藏</a></li>
				  	<li><a href="<{:U('Relation/index')}>">我的关注</a></li>
				  	<li><a href="<{:U('Music/index')}>">音乐管理</a></li>
				  	<li><a class="" href="<{:U('Message/index')}>">我的消息</a></li>
				  	<li><a class="" href="<{:U('Profile/index')}>">个人设置</a></li>
				 <else/>
			    	<think:nav name="nav">
			    	<eq name="nav.pid" value="0">
			    	<li>
			    		<a href="<{$nav.url|get_nav_url}>" target="<eq name='nav.target' value='1'>_blank<else/>_self</eq>"><{$nav.title}></a>
			    	</li>
			        </eq>
					</think:nav>
				</if>
			</ul>
			<if condition="UID">	
			<div class="navbar-right visible-lg">		  	
			  	<ul class="nav navbar-nav m-n hidden-xs nav-user user">		  			    	
			    	<li class="dropdown">
			      		<a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
			        		<span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
			          			<img src="<{$login_user['uid']|get_user_avatar=64}>" alt="JYmusic">
			        		</span>
			        		<{$login_user.nickname}>
			      		</a>
					</li>
				</ul>
			</div>
			<else />
			<div class="navbar-right hidden-xs">
				<span class="animated fadeInRight pull-right m-t-sm m-r-sm"> 				  			
					<a class="btn btn-info" href="<{:U('/Member/login')}>">登录</a>
			     	<a class="btn btn-danger" href="<{:U('/Member/register')}>">注册</a>
				</span>
			</div>
			</if> 		   
		</div>		    
	</header>
	<!-- /头部 -->	
	<!-- 主体 -->
	<section class="scrollable">
		<section class="hbox u_setspace" style="background-image: url(<{$user['bg']|default='/Template/theme/JYmusic/User/space_skins/user_bg/banner_bg2.jpg'}>);">
				<div class="row u_space_nav">
					<div class="container ">
					<div class="col-sm-4 col-xs-12 col-md-4 hidden-xs"></div>
					<div class="col-sm-8 col-xs-12 col-md-8 user-space-nav animated fadeInDownBig">
					    <div class="navbar-header">
							<button data-target=".bs-navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle bg-danger">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar bg-white"></span>
						        <span class="icon-bar bg-white"></span>
						        <span class="icon-bar bg-white"></span>
							</button>
					    </div>
					    <nav role="navigation" class="collapse navbar-collapse bs-navbar-collapse">
					      <ul class="nav navbar-nav">
					        <li id="index"><a href="<{:U('Home/index?id='.$user['uid'])}>">个人主页</a></li>
					        <li id="dny"><a href="<{:U('Home/dynamic',array('uid'=>$user['uid']))}>">最近动态</a></li>
					        <li id="share"><a href="<{:U('Home/share',array('uid'=>$user['uid']))}>">最新分享</a></li>

					      </ul>
					    </nav>
				   	</div>
				   	</div>
				</div>
		</section>

		<block name="content"></block>
		<footer class="text-center-nav-xs hbox bg-dark dker">				
			<div class="container clearfix m-t-sm">
				<p class="pull-left f_mxs_none m_mxs_bottom_10">&copy; 2015 <a href="http://www.jyuu.cn" class="color_light tr_delay_hover">JYmusic</a> 保留所有权利.</p>
				<p class="pull-right horizontal_list clearfix hidden-xs f_mxs_none d_mxs_inline_b">
				音乐因你而精</p>
			</div>        
		</footer>        
	</section>
	<!-- /主体 -->
</section>

		<script type="text/javascript" src="__STATIC__/expression/jquery.qqFace.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#face1').qqFace({
					id : 'facebox1', //表情盒子的ID
					assign:'letter-content', //给那个控件赋值
					path:'__STATIC__/expression/face/',	//表情存放的路径
					addObj :'#letter-body'
				});
			});
		</script>
		<div class="modal fade " id="post-letter" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog">
			    <div class="modal-content padding-10">
			      	<div class="modal-header">
			        	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        	<h5 class="modal-title" id="exampleModalLabel"><i class="soap-icon-letter green-color"></i> 与<{$user['nickname']}>对话中</h5>
			    	</div>
			    	<form action="<{:U('Letter/post')}>"  method="post">
				      	<div class="modal-body padding-10" id="letter-body">
					      	<div class="faceBtn" id="face1" style="background:url(__STATIC__/expression/face.gif) 4px 4px no-repeat;">添加表情</div>					        
					        <input type="hidden" value="<{$user['uid']}>" name="toid">
							<div class="form-group">			                   
				                  <textarea id="letter-content" name="con" placeholder="4-500 个字符" class="input-text" style="width:100%" rows="3"></textarea>
				            </div>				                					       
				      	</div>
				      	<div class="modal-footer mt-0 padding-10">
				        	<button type="button" class="btn btn-sm btn-success ajax-post-letter">发 送</button>
				      	</div>
			      	</form>
			    </div>
			</div>

		</div>
	<block name="script"></block> <!-- 用于加载js代码 -->
  	<script type="text/javascript" src="__TMPL__/User/js/app.js"></script>  
  	<script type="text/javascript" src="__STATIC__/jquery.slimscroll.min.js"></script>
  	<script type="text/javascript" src="__TMPL__/User/js/app.plugin.js"></script>
	<script type="text/javascript" src="__STATIC__/colorbox/jquery.colorbox.js"></script>  	
	<div class="hidden"><!-- 用于加载统计代码等隐藏元素 --><block name="hidden"><{:C('WEB_SITE_STAT')}></block></div>
</body>
</html>
